html,body{ margin: 0; padding: 0; }

body{
	font: 85%/1.3 "Century Gothic",Verdana,Arial,sans-serif;
	text-align: center;
	padding-bottom: 10px;
}

p{ margin-top: 0; }

h1,h2,h3{
	font: normal normal 200% "Century Gothic",Verdana,Arial,sans-serif;
}

h2{ font-size: 160%; color: #CEB085; }

h3{ font-size: 120%; color: #544E38; }

div#hdr{
	overflow: hidden;
	padding: 0 0 0 20px;
}

div#hdr div#menu{
	float: right;
	padding: 0 30px 0 0;
	margin-top: -20px;
}

div#hdr h1{ padding: 10px 0 10px; color: #3F3C2D; text-align: left; font-weight: bold; }

ul#nav,ul#nav li{ list-style-type: none; margin: 0; padding: 0; }

ul#nav{ float: right; font-size: 80%; }

ul#nav li{ float: left; margin-left: 1px; text-align: center; }

ul#nav a{
	float: left;
	width: 95px;
	padding: 5px 0;
	background: #8B846A;
	text-decoration: none;
	color: #E9E4D0;
	font-size: 120%;
	font-weight: bolder;
}

ul#nav a:hover{ text-decoration: underline; }

ul#nav li.activelink a,ul#nav li.activelink a:hover{ background: #E9E4D0; color: #8B846A; }

#container{
	text-align: left;
	margin: 0 100px 10px 100px;
	padding: 0 10px 10px 10px;
}

div#body{
	background: #8B846A;
	padding: 20px;
}

div#side{
	position: absolute;
	left: 130px;
	top: 146px;
	width: 180px;
	background: #5A5644;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}

div#side p{ margin: 5px 0 10px; padding: 0 10px; }

div#side div{ margin: 0 0 10px; padding: 10px 0; }

div#main{
	margin: 0 0 0 200px;
	padding: 20px;
	color: #686454;

	background: #E5DCB9;
}

div#main p{ margin-bottom: 13px; }

ul#intro,ul#intro li{ list-style-type: none; margin: 0; padding: 0; }

ul#intro{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	position: inherit;
}

ul#intro li{
	float: left;
	width: 31%;
	margin-right: 10px;
	padding: 10px 0;
}

li#mission{ background: #E65714; }

li#services{ background: #42B4AC; }

ul#intro li#more{ margin-right: 0; background: #7D63A9; }

ul#intro p,ul#intro h3{ margin: 0; padding: 0 10px; }

ul#intro h3{
	text-transform: uppercase;
	padding-bottom: 3px;
	color: #FFF;
}

div.date{
	float: left;
	width: 4em;
	padding: 5px 0;
	background: #F1DDC4;
	color: #B0001E;
	text-align: center;
	margin: 0 4px 4px 0;
	font-size: 80%;
	line-height: 0.9;
}

div.date span{ display: block; font-size: 150%; font-weight: bold; }

div.comments{ background: #EEE; margin-bottom: 10px; }

div.comments div.odd{ background: #DAE6FE; }

div.comments p{ padding: 10px 10px 10px 10px; margin: 0; }

div.comment{ background: #ABC; padding: 10px; margin: 0 10px 10px 10px; }

div.comments div.author{ font-style: italic; font-size: 85%; color: #003D6B; }

div.comments div.moderated{
	background: white;
	font-size: 80%;
	color: blue;
	text-align: center;
}

div#footer{
	margin: 0 50px 0 0;
	padding: 10px 0 10px 0;
	color: #4E4A3A;
	text-align: right;
	font-size: 70%;
}

img{ border: 1px solid #DADADA; padding: 5px; }

img.no-border{ border: none; }

img.float-right{ margin: 5px 0 5px 20px; }

img.float-left{ margin: 5px 20px 5px 0; }

blockquote{
	margin: 20px;
	padding: 0 0 0 30px;
	background: #FCFCF9;
	border: 1px solid #EFEFEF;
	color: #6C6E3A;
	background: #FAFAFA url(../images/quote.gif) no-repeat 3px 5px;
}

.post-footer{
	font-size: 95%;
	border: 1px solid #EFEFEF;
	background: #F8F8F8;
	padding: 3px 10px;
	margin: 20px 15px 10px 15px;
}

.post-footer .date{
	background: url('../images/clock.gif') no-repeat left center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.post-footer .comments{
	background: url('../images/comment.gif') no-repeat left center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.post-footer .readmore{
	background: url('../images/page.gif') no-repeat left center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

form{ background: #EEE; padding: 15px; }

label{
	display: block;
	font-weight: bold;
	margin: 5px 0;
	font-size: 85%;
}

input{
	padding: 2px;
	border: 1px solid #EFEFEF;
	color: #666666;
}

textarea{
	padding: 2px;
	border: 1px solid #EFEFEF;
	display: block;
	color: #666666;
}

input.button{
	margin: 0;
	border: 1px solid #EFEFEF;
	padding: 2px 3px;
	background: #F1F0E4;
}

.sfSimpleBlog .post .details{
	font-weight: bold;
	font-size: 85%;
	margin: 5px 0;
	color: #003D6B;
}

.form_error{
  font-size: 75%;
  color: red;
}

span{
  font-weight: bold;
}

div.handle{ font-size: 80%; font-style: italic; cursor: move; padding: 2px; background: #FFF; width: 40px; }

div.student{ background: #E9E4D0; padding: 3px; margin-top: 5px; margin-bottom: 5px; }

div.studentdetails{ margin-left: 60px; margin-top: -15px; }